// 我们自己知道获取是 a 标签上面的 id 为 link 的
// <a href id="link"></a>
// <div id="link"></div>
/* const oLink = document.getElementById('link')
// oLink.href
console.log(oLink?.href) */

// !我比 TS 更加清楚的知道这个类型
// !我怎么知道 a 标签的类型，你可以下面写法得到，利用类型推导的能力
// const a = document.querySelector('a')
const oLink = document.getElementById('link') as HTMLAnchorElement
// !了解断言的另一种写法
// const oLink = <HTMLAnchorElement>document.getElementById('link')
// oLink.href
console.log(oLink?.href)

// !注意点：一般是从一个宽泛的类型（这个宽泛的类型里面肯定包含了要断言的具体的类型）断言为一个更加具体的类型，为了使用这个更加具体类型的提示（属性或方法）
// 例如下面就是错误写法
// let age = 18
// let xxx = age as string

// let age: number | string
let age: unknown

// 如果这一步你想用 number 相关的提示或校验的能力，可以使用断言
// 可以把一个联合类型断言为一个更加具体的类型
const r = (age as number).toFixed(2)
console.log(r)

export { }